import router from '@/router/index'
import { useUserStore } from '@/stores/user'
import axios, { type Method } from 'axios'
import { showToast } from 'vant'

const baseURL = 'https://consult-api.itheima.net/'
export const instance = axios.create({
  baseURL,
  timeout: 10000
})
// 添加请求拦截器
instance.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    const store = useUserStore()
    if (store.user?.token && config.headers) {
      config.headers.Authorization = `Bearer ${store.user.token}`
    }
    // console.log(config)
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)
// 添加响应拦截器
instance.interceptors.response.use(
  function (res) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    if (res.data.code !== 10000) {
      showToast(res.data?.message || '业务错误')
      return Promise.reject(res.data)
    }
    // console.log(res)
    return res.data
  },
  function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    if (error.response.status === 401) {
      //给它调回去呗
      router.push(`/login?returnUrl=${router.currentRoute.value.fullPath}`)
    }
    // console.log(error.response, '-----')
    return Promise.reject(error)
  }
)
type Data<ttt> = {
  code: number
  message: string
  data: ttt
}
const request = <T>(url: string, method?: Method, submitData?: object) => {
  return instance.request<T, Data<T>>({
    url,
    method,
    [method?.toLowerCase() === 'get' ? 'params' : 'data']: submitData
  })
}

export { request, baseURL }
